<template>
  <h4 class="page-title">{{ this.title }}</h4>
</template>

<script>
export default {
  name: "Title",
  props: {
    title: {
      type: String,
      default: ""
    }
  }
};
</script>

<style lang="scss" scoped>
@import "~@/styles/variables.scss";

.page-title {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  padding-left: 30px;
  position: relative;
  user-select: none;
  display: inline-block;
  &::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    position: absolute;
    left: 12px;
    top: 12px;
    background: $primary;
  }
}
</style>
